﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" style="height:100%;"
>
<head th:include="head :: head">
  <meta charset="utf-8">
  <title>Simplify Admin</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="import" href="head.html"/>
  <link rel="shortcut icon" href="images/favicon.png" type="image/png">
  <!-- default header name is X-CSRF-TOKEN -->
  <meta name="_csrf_header" content="${_csrf.headerName}" th:content="${_csrf.headerName}"/>
  <meta name="_csrf" content="${_csrf.token}" th:content="${_csrf.token}"/>
  <!-- default header name is X-CSRF-TOKEN -->
</head>
<style>
  .box{
    position: relative;
    width: 100%;
    height: 500px;
    border-width: 10px;
    border-color: #fff;
    display: inline-block;
    /*margin: 10px;*/
    /*background-color: #0279cd;*/
    /*text-align: center;*/
  }

</style>
<body style="overflow: hidden!important;">
<!-- Preloader -->
<div id="preloader">
    <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
</div>

<section>
  <div id="letree1" th:replace="letree :: letree"></div>

  <div class="mainpanel">
    <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
    <div class="headerbar" th:include="header :: top"></div>
    <div class="pageheader">
      <h2><i class="fa fa-home"></i> 大兴安岭五•六火灾纪念馆<span>详情</span></h2>
    </div>
   <!--<div class="contentpanel" style="height: auto;background: #e4e7ea;" id="sign" >-->
     <!--<img src="../../static/images/bg0.jpg" th:src="@{/images/bg0.jpg}" style="width: 100%;height: 780px;background-size: 100% 100%">-->
   <div class="contentpanel" id="sign" >
     <img src="../../static/images/index-bg.png" class="box" th:src="@{/images/index-bg.png}" style="width: 100%;height: 100%;background-size: 100% 100%;border-style: ridge;">

   </div>
  </div><!-- mainpanel -->
</section>

<footer th:include="head :: footer"></footer>

<script type="text/javascript" th:inline="javascript">
  /*<![CDATA[*/
  var screen=$(document).height();
  $(".mainpanel").css("min-height",screen-20)
  var menu = eval([[${menu}]]);
  console.log(menu);
  $("#menu_list").empty();
  var html="<li class='active'><a href='index.html'><i class='fa fa-home'></i> <span>首页</span></a></li>";
  $.each(menu,function (index, item) {
      console.log(item);
    html+="<li onclick='"+item.path+"'><a href='#'><i class='"+item.icon+"'></i> <span>"+item.name+"</span></a></li>";
  })
  $("#menu_list").append(html);

  function identity() {
      $.goTo(/*[[@{/identity/toIdentityList}]]*/"./push.html");
  }
  function identityNow() {
      window.open("/identity/toIdentityNow");
//      $('html').load(/*[[@{/identity/toIdentityNow}]]*/"./identityNow.html")
//      $.goTo(/*[[@{/identity/toIdentityNow}]]*/"./identityNow.html");
  }
  /*2018年8月16日 Hanh 跳转到用户管理*/
  function toUserPage(){
      $.goTo(/*[[@{/user/toUserPage}]]*/"./push.html");
  }

  function toRolePage(){
    $.goTo(/*[[@{/role/toRolePage}]]*/);
  }
  function ichnography(id) {
      $.goTo(/*[[@{/ichnography/ichnographyList}]]*/"./detail.html", {"floorId":id});
  }
  function literature(id) {
      $.goTo(/*[[@{/literature/literatureList}]]*/"./detail.html", {"exhibtionId":id});
  }
  function floor() {
      $.goTo(/*[[@{/floor}]]*/"./floor_show.html");
  }
  function screen4() {
//      $('html').load(/*[[@{/screen}]]*/"./static/static.html")
      window.open("/screen");
//      $.goTo(/*[[@{/screen}]]*/"./screen.html");
  }
  function appraise() {
      $.goTo(/*[[@{/appraiseTurn/getAllAppraises}]]*/"./appraise/appraise.html");
  }
  function ichnographyOne(id) {
      $.goTo(/*[[@{/ichnography/ichnographyOne}]]*/"./floor_show.html", {"ichnographyId":id});
  }
  function ichnographyTwo(id) {
      $.goTo(/*[[@{/ichnography/ichnographyTwo}]]*/"./floor_show.html", {"ichnographyId":id});
  }
  function ichnographyThree(id) {
      $.goTo(/*[[@{/ichnography/ichnographyThree}]]*/"./floor_show.html", {"ichnographyId":id});
  }
  $.extend({
      goTo: function (url, data) {
          $("#sign").load(url, data, function (res) {
              return true;
          });
      }
  })

  /*]]>*/
</script>
</body>

</html>
